// 发布项目
<template>
    <div id='publish-container'>
        <h1>发布项目</h1>
        <Divider />
        <div class="publish-form">
            项目名称
            <Input v-model="project.name" class="publish-form-element" size="large" placeholder="项目名称" :autofocus="true"/>
            描述
            <Input v-model="project.describe" class="publish-form-element" type="textarea" size="large" :autosize="true" placeholder="描述"/>
            摘要
            <Input v-model="project.summary" class="publish-form-element" type="textarea" size="large" :autosize="true" :maxlength="80" :show-word-limit="true" placeholder="摘要"/>
            要求
            <Input v-model="project.require" class="publish-form-element" type="textarea" size="large" :autosize="true" placeholder="要求"/>
            成员人数上限
            <InputNumber v-model="project.memberLimit" class="publish-form-element" :min="1"></InputNumber>

            <add-tag-component class="publish-form-element" :memberLimit="project.memberLimit" @on-change="tagsChange" />

            <div style="margin-top: 30px; text-align: center">
                <Button type="primary" @click="doPublish">发布</Button>
            </div>
        </div>
    </div>
</template>

<script lang='ts'>
import { PublishView } from "./Index";
export default PublishView;
</script>

<style lang='scss' >
@import './Index.scss';
</style>